/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-radio() {
  // 单选框默认文本色
  --ti-radio-text-color: var(--ti-common-color-text-primary, #252b3a);
  // 单选框字号
  --ti-radio-font-size: var(--ti-common-font-size-base, 12px);
  // 带边框类单选框默认高度
  --ti-radio-bordered-height: var(--ti-common-size-10x, 40px);
  // 带边框类单选框圆角
  --ti-radio-bordered-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 单选框默认边框色
  --ti-radio-bordered-border-color: var(--ti-common-color-line-normal, #adb0b8);
  // 单选框默认禁用边框色
  --ti-radio-input-disabled-border-color: var(--ti-common-color-line-disabled, #dfe1e6);
  // 单选框的选中状态时的边框色
  --ti-radio-bordered-checked-border-color: var(--ti-common-color-line-active, #5e7ce0);
  // 单选框的选中状态时的背景色
  --ti-radio-bordered-checked-background-color: var(--ti-common-color-bg-white-normal, #fff);
  // 单选框的带有边框时悬浮时的边框色
  --ti-radio-bordered-hover-border-color: var(--ti-common-color-line-active, #5e7ce0);
  // 单选框的带有边框时选中时的边框色
  --ti-radio-bordered-checked-hover-border-color: var(--ti-common-color-line-active, #5e7ce0);
  // 单选框的带有边框时激活时的边框色
  --ti-radio-bordered-active-border-color: var(--ti-common-color-line-active, #5e7ce0);
  // 单选框的禁用状态时的背景色
  --ti-radio-input-disabled-bg-color: var(--ti-common-color-bg-disabled, #f5f5f6);
  // 单选框为选中且禁用状态时的背景色
  --ti-radio-input-checked-disabled-bg-color: var(--ti-common-color-bg-disabled, #f5f5f6);
  // 单选框为选中且禁用状态时的边框色
  --ti-radio-input-checked-disabled-border-color: var(--ti-common-color-line-disabled, #dfe1e6);
  // 单选框为输入框样式时禁用状态时的文本色
  --ti-radio-input-disabled-text-color: var(--ti-common-color-text-disabled, #adb0b8);
  // 单选框单选按钮的背景色
  --ti-radio-inner-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 单选框单选按钮选中时的背景色
  --ti-radio-inner-checked-bg-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 单选框单选按钮的尺寸
  --ti-radio-inner-size: var(--ti-common-size-2x, 8px);
  // 单选框单选按钮为选中且禁用状态时的背景色
  --ti-radio-inner-checked-disabled-bg-color: var(--ti-common-color-bg-secondary, #adb0b8);
  // 单选按钮为medium尺寸时的高度
  --ti-radio-medium-height: var(--ti-common-size-height-small, 32px);
  // 单选框单选按钮为medium尺寸时的高度
  --ti-radio-medium-inner-height: calc(var(--ti-common-size-3x, 12px) + 2px);
  // 单选框单选按钮为medium尺寸时的宽度
  --ti-radio-medium-inner-width: calc(var(--ti-common-size-3x, 12px) + 2px);
  // 单选按钮为small尺寸时的高度
  --ti-radio-small-height: var(--ti-common-size-8x, 32px);
  // 单选框单选按钮为small尺寸时的高度
  --ti-radio-small-inner-height: var(--ti-common-size-3x, 12px);
  // 单选框单选按钮为small尺寸时的宽度
  --ti-radio-small-inner-width: var(--ti-common-size-3x, 12px);
  // 单选按钮为mini尺寸时的高度
  --ti-radio-mini-height: var(--ti-common-size-7x, 28px);
  // 单选框单选按钮为mini尺寸时的高度
  --ti-radio-mini-inner-height: var(--ti-common-size-3x, 12px);
  // 单选框单选按钮为mini尺寸时的宽度
  --ti-radio-mini-inner-width: var(--ti-common-size-3x, 12px);
  // 单选框单选按钮的边框圆角半径
  --ti-radio-inner-border-radius: 100%;
  // 单选框尺寸为mini时的带有边框时垂直方向的内边距
  --ti-radio-mini-bordered-padding-vertical: var(--ti-common-space-0, 0px);
  // 单选框尺寸为mini时的带有边框时水平方向的内边距
  --ti-radio-mini-bordered-padding-horizontal: var(--ti-common-space-2x, 8px);
  // 单选框的带有边框时垂直方向的内边距
  --ti-radio-bordered-padding-vertical: var(--ti-common-space-base, 4px);
  // 单选框的带有边框时水平方向的内边距
  --ti-radio-bordered-padding-horizontal: var(--ti-common-space-3x, 12px);
  // 单选框的带有边框时左侧的外边距
  --ti-radio-mini-bordered-margin-left: var(--ti-common-space-10, 10px);
  // 单选框单选按钮宽度
  --ti-radio-inner-width: var(--ti-common-size-4x, 16px);
  // 单选框单选按钮宽度
  --ti-radio-inner-height: var(--ti-common-size-4x, 16px);
  // 单选组每个选项之间的间距
  --ti-radio-margin-right: calc(var(--ti-common-space-8x, 32px) - 2px);
  // 单选框单选按钮选中后悬浮时的背景色
  --ti-radio-inner-checked-hover-bg-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 单选按钮底部外边距
  --ti-radio-button-margin-bottom: var(--ti-common-space-2x, 8px);
}
